
 <div nz-row  [nzType]="'flex'"  nz-col [nzSpan]="24" class="divBody">
        <div nz-col [nzSpan]="5" class="divCenter">
                 <p>工作项总数</p>
              <p class="words">{{workitemCount}}</p>
       </div>
        <div nz-col [nzSpan]="11" class="divCenter">
         
                  
             <p>工作项类型</p>
              <div nz-col [nzSpan]="7" style="display:flex;margin-top:10px;text-align: center;" *ngFor='let i of workTypeCount'>
                 <p  [ngClass]="i.workType != '生产事件' ? 'pstyle' : ''">
                     {{i.workType}} &nbsp;&nbsp;&nbsp; <span class="words">{{i.count}}</span>
                 </p>
              </div>
    </div>
          <div nz-col [nzSpan]="5" class="divCenter">
                     
                         <p>已成功投放申请总数</p>
              <p  class="words">{{deliveryCount}}</p>
          </div>
 </div>
<!--<p-chart type="pie"  [data]="data"   height="400px"></p-chart>-->
  <div>
    <v-chart [forceFit]="forceFit"   [height]="height" [data]="data" [scale]="scale">
      <v-tooltip></v-tooltip>
      <v-axis></v-axis>
      <v-coord type="theta"></v-coord>
      <v-pie
        position="percent"
        color="item"
        [style]="pieStyle"
        [label]="labelConfig"
      ></v-pie>
      <v-legend dataKey="item"></v-legend>
    </v-chart>
  </div>

